.main-bg {
    background-color: #E0F7FA;
}

//按钮
.button {
    background-color: #00BCD4;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    &:hover {
        background-color: #0097A7;
    }
    &:active {
        background-color: #00838F;
    }
    &.primary {
        background-color: #2196F3;
    }
    &.secondary {
        background-color: #FFC107; 
    }
    &.danger {
        background-color: #F44336; 
    }
    &.disabled {
        background-color: #BDBDBD; 
        color: #fff;
        cursor: not-allowed;
    }
    &.outline {
        background-color: transparent;
        border: 1px solid #00BCD4;
        color: #00BCD4;
    }
    &.rounded {
        border-radius: 20px;
        padding: 10px 30px;
    }
    &.mini {
        padding: 5px 10px;
        font-size: 12px;
    }
    &.small {
        padding: 8px 20px;
        font-size: 14px; 
    }
    &.large {
        padding: 15px 40px;
        font-size: 18px;
    }

}